<template>
  <div>
    <h1 class="h1">学生评价报告</h1>
    <el-row style="width:60%;margin:50px auto;" type="flex" justify="center" align="middle" :gutter="10">
        <el-col :span="6">
          <div style="display:flex;flex-direction:column;align-items:center;cursor:pointer;" @click="$router.push('/grade')">
            <img  class="img" src="../../assets/img/grade.png" alt="">
            <div>考试成绩录入</div>
          </div>
        </el-col>
        <el-col  :span="6">
          <div style="display:flex;flex-direction:column;align-items:center;cursor:pointer;" @click="$router.push('/judge')">
            <img class="img" src="../../assets/img/judge.png" alt="">
            <div>评价录入</div>
          </div>
        </el-col>
        <el-col :span="6">
          <div style="display:flex;flex-direction:column;align-items:center;cursor:pointer;" @click="$router.push('/report')">
            <img class="img" src="../../assets/img/report.png" alt="">
            <div>质量报告单</div>
          </div>
        </el-col>
        <el-col :span="6">
          <div style="display:flex;flex-direction:column;align-items:center;cursor:pointer;" @click="$router.push('/system')">
            <img class="img" src="../../assets/img/survey.png" alt="">
            <div>班级成绩表</div>
          </div>
          
        </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      
    };
  },

  mounted() {
    
  },

  methods: {
    
  },
};
</script>
<style lang="less" scoped>
  .h1{
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    color:#428ADB;
  }
  .img{
    height: 70px;
    width: 60px;
    margin-bottom: 5px;
  }
</style>